Web.Reporter.pl Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami
autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start][Elementy HTML][Atrybuty HTML][Style CSS][Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory][tekst][czcionki][rozmiary][pozycje][tabele][listy][formularze]
[struktura][linki][multimedia][bloki][obramowania][t│a][synteza][druk]

COL

Element definiuje w│a╢ciwo╢ci pojedynczej kolumny.

Atrybuty elementu:

align =[left|center|right|justify|char] opcjonalny - IE4
wyr≤wnanie w poziomie
valign =[top|middle|bottom|baseline] opcjonalny - IE4
wyr≤wnanie w pionie
char =[znak] opcjonalny - ???
znak, wzglΩdem kt≤rego nast▒pi wyr≤wnanie
charoff =[piksele] opcjonalny - ???
pozycja znaku wyr≤wnania
bgcolor =[kolor] opcjonalny - IE4
kolor t│a
width =[piksele, procenty] opcjonalny - IE3, N6
szeroko╢µ kolumny
span =[liczba] opcjonalny - IE3, N6
ilo╢µ kolumn w grupie
id, class =[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
lang, dir =[tekst] opcjonalne - IE4
jΩzyk i kierunek wy╢wietlania tekstu b▒d╝ elementu
title =[tekst] opcjonalny - IE5
tytu│ elementu
style =[CSS] opcjonalny - IE3, N4, O3.5
styl CSS elementu
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne
reakcje na zdarzenia pochodz▒ce od myszy lub klawiatury
Pozosta│e cechy:
znacznik zamykaj▒cy: zabroniony
po│o┐enie: wewn▒trz elementu TABLE
przegl▒darki: IE3, N6, O4
Grupa element≤w tabeli:
CAPTION, COL, COLGROUP, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR
Przyk│adowe zastosowania:

• Przyk│ad 1:

<table border=1>
  <caption>tabelka "tekstowa"</caption>
  <thead align=center>
    <tr><td colspan=3>nagl≤wek tabeli</td></tr>
  </thead>
  <tfoot align=center>
    <tr><td colspan=3>stopka tabeli</td></tr>
  </tfoot>
  <colgroup width=100 align=center>
    <col>
    <col>
    <col width=200>
  </colgroup>
  <tbody>
    <tr><th> opis </th><th> opis </th><th> opis </th></tr>
    <tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
    <tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
    <tr><td> tekst </td><td> tekst </td><td> tekst </td></tr>
  </tbody>
</table>

Tabelka "tekstowa"
nagl≤wek tabeli
stopka tabeli
opis opis opis
tekst tekst tekst
tekst tekst tekst
tekst tekst tekst

 
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!